<wicket:extend>


	<form wicket:id="editarVillano">
		<div class="row">

			<!-- Editar nombre -->
			<div class="col-lg-6">
				<div class="input-group">
					<span class=" input-group-addon glyphicon glyphicon-user"></span> <input
						wicket:id="nombre" type="text" class="form-control"
						placeholder="Nombre del Villano">
				</div>
			</div>

			<!--  Elegir Sexo -->
			<div class="col-lg-6">
			<h3>Sexo: <span  wicket:id = "sexo" class="label label-warning"></span> </h3>
			<hr></hr>
				<div class="input-group">
					<div class="row">
						<div class="col-lg-6">
							<button wicket:id="agregarSexo" class="btn btn-dark btn-xs">Seleccionar</button>
						</div>
						<div class="col-lg-6">
							<select wicket:id="sexoSeleccionado" class="form-control"></select>
						</div>
					</div>
				</div>
			</div>
	</div>
			<hr></hr>

		<div class="row">
			<!-- Editar señas particulares -->
			<div class="col-lg-6">
				<div class="panel panel-primary panel-transparent">
					<div class="panel-heading">
						<h2 class="panel-title">Señas Particulares</h2>
					</div>
					<div wicket:id="senhas" class="panel-body">
						<span wicket:id="atributo"></span>
						<div class="btn-group btn-group-sm pull-right">
							<button wicket:id="eliminar" type="button" class="btn btn-dark"> <span
								class="glyphicon glyphicon-remove-circle"></span>
							</button>
						</div>
					</div>
				</div>
				<div class="input-group">
					<span class="input-group-btn"> <a wicket:id="addSeña"
						class="btn btn-default" type="button"> <span
							class="glyphicon glyphicon-plus"></span>
					</a>
					</span> 
				<input wicket:id="nuevaSeña" type="text" class="form-control"
						placeholder="Seña particular">
				</div>
			</div>
			<!-- Editar Hobbies -->
			<div class="col-lg-6">
				<div class="panel panel-primary panel-transparent">
					<div class="panel-heading">
						<h2 class="panel-title">Hobbies</h2>
					</div>
					<div wicket:id="hobbies" class="panel-body">
						<span wicket:id="atributo"></span>
						<div class="btn-group btn-group-sm pull-right">
							<a wicket:id="eliminar" type="button" class="btn btn-dark"> <span
								class="glyphicon glyphicon-remove-circle"></span>
							</a>
						</div>
					</div>
				</div>
				<div class="input-group">
					<span class="input-group-btn"> <a wicket:id="addHobbie"
						class="btn btn-default" type="button"> <span
							class="glyphicon glyphicon-plus"></span>
					</a>
					</span> <input wicket:id="nuevoHobbie" type="text" class="form-control"
						placeholder="Hobbie">
				</div>
			</div>
		</div>
		<hr></hr>
		<!--  Cerrar / Aceptar -->
		<div class="row">
			<div class="col-lg-6">
				<button wicket:id="aceptar" type="submit" class="btn btn-dark btn-sm"
					data-dismiss="modal">Aceptar</button>
				<button type="button" class="btn btn-dark btn-sm"
					data-dismiss="modal">Cerrar</button>
			</div>
			<div class="col-lg-6">
				<div class="panel panel-primary panel-transparent">
					<div wicket:id="errores" class="panel-body">
						<span></span>
					</div>
				</div>
			</div>
		</div>
	</form>
</wicket:extend>
